body
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    }

    
    
    
    
    
    #css_box {
    
        position: fixed;
    width: 200px;
    height: 400px;
    background-color: red;
    
    top:50px;
    left: 0px;
    
    
    
}

    

    
    
    
.snapol_bildergalerie li {
    
    float: left;
    
}
    
    
    
    
    
    
    
    
    
    
    
.example_a
{
color: #00f;
text-decoration: none
}

.example_a:hover
{
color: #f90;
text-decoration: underline
}


.blue {
    color:blue;
}
    
    
    
    
    
    
    
    
    
.snapol_red {
    background-color: red;
}
    
.snapol_blue {
    background-color: blue;
}


.snapol_green {
    background-color: green;
}


    
    
.snapol_error_message
    {
    font-weight: bold;
    color: #F00;
    }


.snapol_error
    {
    font-weight: bold;
    color: #F00;
    }    
    
    
    
    
.snapol_edit_button { }

.snapol_delete_button { }

.snapol_paging { }

.snapol_first_column
    {
    float:    left;
    overflow: auto;
    }

.snapol_column
    {
        float:    left;  
        overflow: auto;
    }

.snapol_form2
    {
    border:     solid 2px #b7ddf2;
    background: #ebf4fb;
    padding:    20px;

    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;

    box-shadow: 10px 10px 20px #000;

    -webkit-box-shadow:10px 10px 20px #000;

    -moz-box-shadow: 10px 10px 20px #000;
    }

.snapol_form label
    {
    text-align: left;
    display:    block;
    }

.snapol_form
    {
    margin:  1.5em 0 0 0;
    padding: 10px;
    background: #ebf4fb;  
    border:     1px solid black;  

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    /*box-shadow: 10px 10px 20px #000;
    -webkit-box-shadow:10px 10px 20px #000;
    -moz-box-shadow: 10px 10px 20px #000;*/
    }
    
    

legend
    {
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
    border: none;
    }

fieldset ol
    {
    padding:    1em 1em 0 1em;
    list-style: none;
    }

fieldset li
    {
    padding-bottom: 1em;
    }

fieldset.submit
    {
    border-style: none;
    }

.snapol_button
    {
    background-color: #E6E6E6;
    border: thin solid #666;
    font-size: 10px;
    text-decoration: none;
    color:  black;
    padding: 5px;
    margin: 10px;
    width:  200px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    }
    
.snapol_button a
    {
    text-decoration: none;
    }    

    
    
    
    
    
.snapol_form input, .snapol_form textarea
    {
    background-color: #E6E6E6;
    border: thin solid #666;
    font-weight: bold;
    }
    
.snapol_form input[type=text] { 
width: 300px; 
}     
    
    

.snapol_form input:focus, .snapol_form textarea:focus
    {
    background-color: lightyellow;
    }

.snapol_form select
    {
    background-color: #E6E6E6;
    font-weight: bold;
    }

.snapol_form button
    {
    color: #666;
    width: 100px;
    height: 200px;
    padding: 4px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;
    }

.snapol_table
    {
    /*width:      100%; */
    background: #FFF;
    border:     1px solid black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    padding:    10px;
    }

.snapol_table a
    {
    color:           #03C;
    text-decoration: none;
    }

.snapol_table.snapol_table th, .snapol_table td { }

.snapol_table td, .snapol_table th
    {
    padding: 5px;
    }

.snapol_table tbody tr:hover
    {
    background: #DFDFDF;
    }

.snapol_table thead
    {
    margin:  0;
    padding: 8px 20px;
    text-align: left;
    background-color: #ebf4fb;
    }

.snapol_list { }

.snapol_list li
    {
    
    padding: 5px;
    list-style: none;
    }

.snapol_list a
    {
    color:           black;
    text-decoration: none;
    font-weight:     bold;
    }

.snapol_horizontal_list li
    {
    display: inline;
    width: 200px;
    }

.snapol_list li:hover
    {
  /*  background: #DFDFDF;*/
    }

.snapolTab
    {
    background-color: orange;
    }

.snapolTab ul
    {
    background: white;
    }

.ui-tabs.ui-tabs-hide
    {
    display: none;
    }